<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
        
        </style>
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script>
        <script src="jquery-ui.min.js"> </script>
        <script> 
          var valueSpan,slider;
          $(document).ready(function(){
              slider=$("#slider");
              valueSpan=$("#span")
              slider.slider({
                  slide:function(event,ui){
                      valueSpan.text(slider.slider("option","value"));
                  }
              })
          });
        </script>
        <link rel="stylesheet" href="jquery-ui.min.css">
    </head>
    <body>
    <span id="span"></span>
    <div id="slider"></div>
    </body>
</html>